<template>
	<view>
		<view v-for="(item,index) in detail" :key="index">
			<view class="detail-view"
				:style="'background: linear-gradient('+(item.zt=='待'?'#FDDDDD 0%,#ffffff 40%':item.zt=='结'?'#DBDBDB 0%,#ffffff 40%':'#DBE5FC 0%,#ffffff 40%')+'); color:'+(item.zt=='结'?'rgba(119,136,153,1)':'')+';'"
			>
			<view class="bg-red" :style="'background: linear-gradient(225deg,'+(item.zt=='结'?'rgba(119,136,153,1) 50%,rgba(255,0,0,0) 0%)':item.zt=='待'?'rgba(255,0,0,1) 50%,rgba(255,0,0,0) 0%)':'rgba(0,0,225,1) 50%,rgba(255,0,0,0) 0%)')+';'">
				<text>{{item.zt}}</text>
			</view>
			<view class="text-top">
				<span class="top-big">{{item.detailpro}}</span>
				<view class="iconfont icon-danse_gongnengjihe top-icon"></view>
				<span class="top-small">{{item.detaildep}}</span>
			</view>
			<sale :btncolor="(item.zt=='结'?'#F2F2F2':item.detaxs.modules=='销售'?'#F1F5FE':'#E4F8F1')" :textcolor="(item.zt=='结'?'rgba(119,136,153,1)':item.detaxs.modules=='销售'?'blue':'#61E1B3')" :name="item.detaxs.name" :xuqiu="item.detaxs.xuqiu" :modules="item.detaxs.modules" :price="item.detaxs.price" :deta="item.detaxs.deta" :xinx="item.detaxs.xinx"></sale>
			<bgcol></bgcol>
			<sale :name="item.detaxm.name" :xuqiu="item.detaxm.xuqiu" :modules="item.detaxm.modules" :price="item.detaxm.price" :deta="item.detaxm.deta" :xinx="item.detaxm.xinx" :btncolor="(item.zt=='结'?'#F2F2F2':item.detaxm.modules=='销售'?'#F1F5FE':'#E4F8F1')" :textcolor="(item.zt=='结'?'rgba(119,136,153,1)':item.detaxm.modules=='销售'?'blue':'#61E1B3')"></sale>
		</view>
		</view>
	</view>
</template>

<script>
	import bgcol from "@/components/common/bgcol.vue";
	import sale from "@/components/common/sale.vue";
	export default {
		props: {
			detail:Array

		},
		components:{
			bgcol,sale
		}
	}
</script>
<!-- background: linear-gradient(#DBE5FC 0%,#ffffff 40%);
		background:linear-gradient( #DBE5FC 30% ,#F1F4FB 20%, #ffffff 50% ); -->

<style scoped>
	.bg-red{
		width: 30rpx;
		height: 30rpx;
		border-radius: 5rpx;
		font-size: 10rpx;
		position: relative;
		left: 645rpx;
		top:0;
		color: #ffffff;
	}
	.bg-red text{
		float: right;
	}
	.detail-view{
		width: 90%;
		height: 320rpx;
		margin: auto;
		margin-top: 20rpx;
		border-radius: 10rpx;
	}
	.text-top{
		height: 40rpx;
		
	}
	.top-big{
		padding-top: 5rpx;
		font-size: 35rpx;
		color: #333333;
		float: left;
		padding-left: 20rpx;
	}
	.top-icon{
		float: right;
		padding-right: 20rpx;
		padding-top: 10rpx;
	}
	.top-small{
		font-size: 25rpx;
		color: #929394;
		float: right;
		padding-right: 20rpx;
	}
	
</style>
